<template>
    <div class="changeTime">
        <div class="header">
            <span>修改趟次发车时间</span>
            <span style="cursor: pointer;" @click="() => emit('closeWindow')">X</span>
        </div>
        <div class="info">
            <span>车辆：渝G25531（852001）</span>
            <span>线路： 208c路</span>
        </div>
        <div class="content">
            <span>当前计划：208c路</span>
            修改时间
            <el-select>
                <el-option lable="全部"></el-option>
                <el-option lable="全部"></el-option>
                <el-option lable="全部"></el-option>
            </el-select>
            变动{{ 0 }}分钟
        </div>
        <div class="handel">
            后续趟次处理：
            <el-checkbox-group v-model="checkValue">
                <el-checkbox v-for="item in checkItemList " :key="item.label" :label="item.label"
                    :value="item.value"></el-checkbox>
            </el-checkbox-group>
        </div>
        <el-button type="primary">保存</el-button>
    </div>
</template>

<script setup >
const emit = defineEmits(['closeWindow'])
const checkValue = ref()
const checkItemList = ref([
    { label: '不处理', value: '0' },
    { label: '全部同步', value: '1' },
    { label: '自定义', value: '2' },

])


</script>

<style scoped lang="scss">
.changeTime {
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #999;
    }

    .info {
        margin: 10px 0;

        span {
            margin-right: 100px;
        }
    }

    .content {
        margin: 40px 0;

        span {
            margin-right: 120px;
        }
    }

    .handel {
        margin: 20px 0;

    }
}</style>